/* CSS file */

@font-face
{
	src:					url("../assets/fonts/Framd.TTF");
	fontFamily: 			franklin1;
	font-anti-alias-type: 	advanced;
	font-weight: 			normal;
}


@font-face
{
	src:					url("../assets/fonts/FRABK.TTF");
	fontFamily: 			franklin;
	font-anti-alias-type: 	advanced;
	font-weight: 			normal;
}

.top
{
	border-skin:        		Embed("/assets/header.png", 
		scaleGridTop="0", scaleGridBottom="80", scaleGridLeft="0", scaleGridRight="311");	
}
global
{
	fontFamily: 			franklin;
	fontsize:				12;
	font-weight: 			normal;
}

.welcome
{
	borderSkin:     ClassReference("assets.skins.PanelSkin");	
}
.login
{
	borderSkin:     ClassReference("assets.skins.LoginSkin");	
}
.topContent
{
	border-skin:        		Embed("/assets/headerContent.png", 
		scaleGridTop="0", scaleGridBottom="80", scaleGridLeft="0", scaleGridRight="920");		
}
.bottom
{
	border-skin:        		Embed("/assets/bottom.png", 
		scaleGridTop="0", scaleGridBottom="80", scaleGridLeft="0", scaleGridRight="311");	
}

.title
{
	font-size:	20;
	font-family: 				franklin;
	font-weight:				normal;
	height:	45;
}



Application
{
	font-family: 				franklin;
	font-size: 					12;
	color: 						#333333;
	background-gradient-alphas: 0, 0;
	background-color: 			#eeeeee;
	theme-color: 				#333333;
	font-weight:				normal;
	background-size:			"100%";
	modal-transparency-color:	#000000;
	modal-transparency-blur:	2;
	backgroundGradientColors: #FFFFFF, #FFFFFF;
	backgroundGradientAlphas: 1, 1;
	vertical-align: middle;
	horizontal-align: center;
}
LegendItem
{
	font-family: 				franklin;
	font-size: 					12;
	font-weight:				normal;
	color: 						#333333;
}
.myPanel 
{
	borderStyle: solid;
	borderColor: #b7babc;
	corner-radius:10;
	borderAlpha: 1;
	roundedBottomCorners: true;
	headerHeight: 3;
	highlightAlphas: 0, 0;
	headerColors: #b1b7c4, #8392ab;
	font-family: 	franklin1;
	font-size: 		12; 
	titleStyleName: "mypanelTitle";
	border-thickness-left:1;
	border-thickness-right:1;
	border-thickness-top:0;
	border-thickness-bottom:-5;	    
	border-thickness:1;   
}

ComboBox
{
	arrowButtonWidth: 18;
	cornerRadius: 0;
	disabledSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	downSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	dropDownStyleName: "comboDropDown";
	editableDisabledSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	editableDownSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	editableOverSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	editableUpSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	fontWeight: "normal";
	leading: 0;
	overSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
	paddingLeft: 5;
	upSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin");
} 


 .comboDropDown
{
	backgroundColor: #333333;
	borderThickness: 0;
	cornerRadius: 0;
	dropShadowEnabled: true;
	fontWeight: "normal";
	shadowDirection: "center";
	shadowDistance: 1;
} 


/*
------------------------------------------------------------------------
BUTTON
------------------------------------------------------------------------
*/

Button
{
	disabledSkin: Embed(source="assets/images/Button_disabledSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	downSkin: Embed(source="assets/images/Button_downSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	overSkin: Embed(source="assets/images/Button_disabledSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	upSkin: Embed(source="assets/images/Button_upSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	color: #000000;
	textRollOverColor: #FFFFFF;
	textSelectedColor: #323232;
	selectedUpSkin: Embed(source="assets/images/Button_overSkin.png", 
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	selectedOverSkin: Embed(source="assets/images/Button_disabledSkin.png", 
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	selectedDisabledSkin: Embed(source="assets/images/Button_disabledSkin.png", 
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	selectedDownSkin: Embed(source="assets/images/Button_upSkin.png", 
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="63", scaleGridBottom="17");
	disabledColor: #323232;
	font-family:	franklin1;
	font-size:		12;
	font-weight:normal;
			
		/* focusSkin: Embed(source="assets/images/textBoxFocus.png",
	scaleGridLeft="5", scaleGridTop="5", scaleGridRight="10", scaleGridBottom="10"); */
}





LinkButton
{
	font-family: 			franklin;
	font-weight: 			normal;
	font-size: 				11;
	text-decoration: 		underline;
	corner-radius:			0;
	disabled-color:			#999999;
	text-roll-over-color: 	#666666;
	up-skin:				Embed("/assets/blanc.png");
	down-skin:				Embed("/assets/blanc.png");
	over-skin:				Embed("/assets/blanc.png");
}


/*
------------------------------------------------------------------------
TOGGLE BUTTONS
------------------------------------------------------------------------
*/


ToggleButtonBar
{
	firstButtonStyleName: 			"buttonPrevievStyle";
	buttonStyleName: 				"buttonInfoEpresaStyleFirst";
	lastButtonStyleName: 			"buttonInfoEpresaStyleLast";
	selectedButtonTextStyleName:	"buttonInfoEpresaStyleSelected";
	header-height:					21;
	color:							#ffffff;
}


.buttonPrevievStyle
/*1 primero*/
{
	up-skin:        		Embed("/assets/botones/prev_toggle.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	over-skin:      		Embed("/assets/botones/prev_toggle1.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	down-skin:      		Embed("/assets/botones/prev_toggle2.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-up-skin:   	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-over-skin: 	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-down-skin: 	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	color:					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color:	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleFirst
/*2 medio*/
{
	up-skin:        		Embed("/assets/botones/toggle_medio.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	over-skin:      		Embed("/assets/botones/toggle_medio1.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	down-skin:      		Embed("/assets/botones/toggle_medio2.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-up-skin: 		Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-over-skin: 	Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-down-skin: 	Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	color: 					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color: 	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleLast 
/*3 último*/
{
	up-skin:        		Embed("/assets/botones/last_toggle.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	over-skin:      		Embed("/assets/botones/last_toggle1.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	down-skin:      		Embed("/assets/botones/last_toggle2.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-up-skin:   	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-over-skin: 	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-down-skin: 	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	color: 					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color: 	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleSelected
/*4 color seleccionado*/
{
	color: 					#f0f0f0;
}


/*----------------------------------------------------------------------------------------------------------*/


ButtonBar
{
	firstButtonStyleName: 			"buttonPrevievStyle";
	buttonStyleName: 				"buttonInfoEpresaStyleFirst";
	lastButtonStyleName: 			"buttonInfoEpresaStyleLast";
	selectedButtonTextStyleName:	"buttonInfoEpresaStyleSelected";
	header-height:					21;
	color:							#ffffff;
}


.buttonPrevievStyle
/*1 primero*/
{
	up-skin:        		Embed("/assets/botones/prev_toggle.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	over-skin:      		Embed("/assets/botones/prev_toggle1.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	down-skin:      		Embed("/assets/botones/prev_toggle2.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-up-skin:   	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-over-skin: 	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-down-skin: 	Embed("/assets/botones/prev_toggle3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	color:					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color:	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleFirst
/*2 medio*/
{
	up-skin:        		Embed("/assets/botones/toggle_medio.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	over-skin:      		Embed("/assets/botones/toggle_medio1.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	down-skin:      		Embed("/assets/botones/toggle_medio2.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-up-skin: 		Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-over-skin: 	Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	selected-down-skin: 	Embed("/assets/botones/toggle_medio3.png", scaleGridTop="3", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="15");
	color: 					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color: 	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleLast 
/*3 último*/
{
	up-skin:        		Embed("/assets/botones/last_toggle.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	over-skin:      		Embed("/assets/botones/last_toggle1.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	down-skin:      		Embed("/assets/botones/last_toggle2.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-up-skin:   	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-over-skin: 	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	selected-down-skin: 	Embed("/assets/botones/last_toggle3.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="3", scaleGridRight="12");
	color: 					#333333;
	text-roll-over-color: 	#333333;
	text-selected-color: 	#000000;
	font-weight: 			normal;
	font-family: 			franklin1;
	padding-left: 			6;
	padding-right:			6;
	padding-top:			3;
}


.buttonInfoEpresaStyleSelected
/*4 color seleccionado*/
{
	color: 					#f0f0f0;
	text-roll-over-color:	#f0f0f0;
	text-selected-color:	#f0f0f0;
}


/*
------------------------------------------------------------------------
RADIOS & CHECKBOX
------------------------------------------------------------------------
*/


CheckBox
{
	up-icon: 			Embed("/assets/botones/chekOff.png");
	over-icon: 			Embed("/assets/botones/chekOff1.png");
	down-icon: 			Embed("/assets/botones/chekOff2.png");
	selected-up-icon: 	Embed("/assets/botones/chekOn.png");
	selected-over-icon: Embed("/assets/botones/chekOn1.png");
	selected-down-icon: Embed("/assets/botones/chekOn2.png");
	disabled-icon: 		Embed("/assets/botones/chek_dis.png");
	font-family:		franklin;
}


RadioButton
{
	up-icon: 			Embed("/assets/botones/radio.png");
	over-icon: 			Embed("/assets/botones/radio1.png");
	down-icon: 			Embed("/assets/botones/radio2.png");
	selected-up-icon: 	Embed("/assets/botones/radio3.png");
	selected-over-icon: Embed("/assets/botones/radio3.png");
	selected-down-icon: Embed("/assets/botones/radio4.png");
	disabled-icon: 		Embed("/assets/botones/radio_dis.png");
	color:				#333333;
	font-family:		franklin;
}



/*
------------------------------------------------------------------------
ACCORDION
------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------
TREE
------------------------------------------------------------------------
*/

Tree
{
	default-leaf-icon:		Embed("/assets/botones/hoja.png");
	folder-closed-icon:		Embed("/assets/botones/folder_close.png");
	folder-open-icon:		Embed("/assets/botones/folder_open.png");
	disclosure-closed-icon:	Embed("/assets/botones/open_folder.png");
	disclosure-open-icon:	Embed("/assets/botones/close_folder.png");
	color:					#333333;
	text-roll-over-color:	#333333;
	text-selected-color:	#333333;
	roll-over-color:		#e4e4e4;
	selection-color:		#cdcdcd;
}

/*
------------------------------------------------------------------------
PANELS & WINDOWS
------------------------------------------------------------------------
*/


Panel
{
	border-style:			solid;
	background-color:		#efefef;
	borderColor: 		#b7babc;
	font-family: 			franklin;
	font-weight: 			normal;
	/*title-background-skin: 	Embed("/assets/general/titleWindow1.png", scaleGridTop="42", scaleGridBottom="138", scaleGridLeft="11", scaleGridRight="118");
	header-background-skin: Embed("/assets/general/titleWindow1.png", scaleGridTop="42", scaleGridBottom="138", scaleGridLeft="11", scaleGridRight="118");*/
	background-size: 		"100%";
	title-style-name:		"myTitlePanel";
	shadow-direction:		90;
	shadow-distance:		1;
}

.myTitlePanel
{
	font-family:	franklin1;
	font-weight:	normal;
	font-size:		14;
	color:			#333333;
}



TabNavigator
{
	horizontal-gap: 				3;
	font-family:					franklin1;
	font-size:						12;
	font-weight:					normal;
	border-color:					#cbcbcb;
	color:							#333333;
	text-align:						left;
	tab-style-name:					"tabNavigatorTab";
	selected-tab-text-style-name:	"tabNavigatorSelectedText";
	
}


.tabNavigatorTab
{
	up-skin:			Embed("/assets/botones/TabNavigator1.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	over-skin:			Embed("/assets/botones/TabNavigator2.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	down-skin:			Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-up-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-down-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-over-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	font-weight: 		normal;
	font-family:		franklin1;
	font-size:			12;
	color:				#666666;
	border-color: 		#c0c0c0;
	padding-top:		3;
	padding-left:		6;
	padding-right:		6;
	border-style:		none;
	border-thickness:	0;
}


.tabNavigatorSelectedText
{
	roll-over-color:	#333333;
	font-weight: 		normal;
	font-family:		franklin1;
	font-size:			12;
	color:				#333333;
	padding-top:		3;
	padding-left:		6;
	padding-right:		6;
}


TabBar
{
	tab-height:						25;
	horizontal-gap: 				1;
	font-family:					franklin1;
	font-size:						11;
	font-weight:					normal;
	border-color:					#cbcbcb;
	color:							#333333;
	text-align:						left;
	tab-style-name:					"tabNavigatorTab";
	selected-tab-text-style-name:	"tabNavigatorSelectedText";
	
}


.tabNavigatorTab
{
	up-skin:			Embed("/assets/botones/TabNavigator1.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	over-skin:			Embed("/assets/botones/TabNavigator2.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	down-skin:			Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-up-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-down-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	selected-over-skin:	Embed("/assets/botones/TabNavigator.png", scaleGridTop="5", scaleGridBottom="18", scaleGridLeft="5", scaleGridRight="12");
	font-weight: 		normal;
	font-family:		franklin1;
	font-size:			12;
	color:				#666666;
	border-color: 		#c0c0c0;
	padding-top:		3;
	padding-left:		6;
	padding-right:		6;
	border-style:		none;
	border-thickness:	0;
}


.tabNavigatorSelectedText
{
	roll-over-color:	#333333;
	font-weight: 		normal;
	font-family:		franklin1;
	font-size:			13;
	color:				#000000;
	padding-top:		3;
	padding-left:		6;
	padding-right:		6;
}


/*
------------------------------------------------------------------------
LIST
------------------------------------------------------------------------
*/

List
{
	font-family:				franklin;
	font-weight:				normal;
	font-size:					11;
	color:						#333333;
	text-roll-over-color:		#333333;
	text-selected-color:		#333333;
	roll-over-color:			#e4e4e4;
	selection-color:			#cdcdcd;
	alternating-item-colors:	#f8f8f8, #ffffff;	
}


DataGrid {
	headerStyleName: 			"mydataGridHeaderStyle";
	font-family:				franklin;
	font-weight:				normal;
	font-size:					11;
   	color:						#333333;
	text-roll-over-color:		#333333;
	text-selected-color:		#333333;
	roll-over-color:			#e4e4e4;
	selection-color:			#cdcdcd;
	alternating-item-colors:	#f8f8f8, #ffffff;
	sortArrowSkin:				Embed("/assets/botones/icon_up.png");
}

.mydataGridHeaderStyle {
   textAlign: 				left;
   color:					#333333;
   font-family:				franklin1;
   font-weight:				normal;
   font-size:				11;
}

TileList
{

	background-size:		"100%";
	background-color:		#dddddd;
	border-thickness:		1;
	padding-left:			0;
	padding-right:			0;
	padding-top:			0;
	padding-bottom:			0;
	vertical-gap:			0;
	horizontal-gap:			0;
	selection-color:		#707070;
	roll-over-color:		#999999;
}

HorizontalList
{

	background-size:		"100%";
	background-color:		#dddddd;
	border-thickness:		0;
	padding-left:			0;
	padding-right:			0;
	padding-top:			0;
	padding-bottom:			0;
	vertical-gap:			0;
	horizontal-gap:			0;
	selection-color:		#707070;
	roll-over-color:		#999999;
}

/*
------------------------------------------------------------------------
COMPONENTS
------------------------------------------------------------------------
*/



Alert
{
	messageStyleName: 			"alertText";
	button-style-name: 			"buttonNoOfficial";
	title-style-name:			"myTitle";
}

.myTitle
{
	font-family:				franklin1;
	font-size:					12;
	font-weight: 				normal;
	color:						#000000;
	padding-left:				3;	
}



VScrollBar {
   trackColors: #939393, #939393;
   highlightAlphas: 0, 0;
   fillAlphas: 1, 1, 1, 1;
   up-arrow-up-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   up-arrow-over-skin: ClassReference('assets.skins.ScrollArrowSkin');
   up-arrow-down-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   down-arrow-up-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   down-arrow-over-skin: ClassReference('assets.skins.ScrollArrowSkin');
   down-arrow-down-skin: ClassReference('assets.skins.ScrollArrowSkin');   
   thumb-up-skin: ClassReference("assets.skins.ScrollThumbSkin");
   thumb-over-skin: ClassReference("assets.skins.ScrollThumbSkin");
   thumb-down-skin: ClassReference("assets.skins.ScrollThumbSkin"); 
   track-skin: ClassReference("assets.skins.ScrollTrackSkin");
}

HScrollBar {
   trackColors: #939393, #939393;
   highlightAlphas: 0, 0;
   fillAlphas: 1, 1, 1, 1;
   up-arrow-up-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   up-arrow-over-skin: ClassReference('assets.skins.ScrollArrowSkin');
   up-arrow-down-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   down-arrow-up-skin: ClassReference('assets.skins.ScrollArrowSkin'); 
   down-arrow-over-skin: ClassReference('assets.skins.ScrollArrowSkin');
   down-arrow-down-skin: ClassReference('assets.skins.ScrollArrowSkin');   
   thumb-up-skin: ClassReference("assets.skins.ScrollThumbSkin");
   thumb-over-skin: ClassReference("assets.skins.ScrollThumbSkin");
   thumb-down-skin: ClassReference("assets.skins.ScrollThumbSkin");
   track-skin: ClassReference("assets.skins.ScrollTrackSkin");
}



.myText
{
	font-family:	franklin;
	font-weight:	normal;
	font-size:		11;
}


DateField
{
	up-skin: 				Embed("/assets/botones/dataIcon.png");
	over-skin: 				Embed("/assets/botones/dataIcon1.png");
	down-skin: 				Embed("/assets/botones/dataIcon2.png");
	disabled-skin: 			Embed("/assets/botones/dataIcon_dis.png");
	textInputStyleName:  	textFieldStyle;
	font-family:			franklin;
}


.textFieldStyle
{
	border-skin:        	Embed("/assets/botones/dataText.png", scaleGridTop="2", scaleGridBottom="15", scaleGridLeft="6", scaleGridRight="10");
	background-size: 		"100%";
}


HRule
{
	stroke-color: 	#cccccc;
	stroke-width:	2;
	shadow-color:	#ffffff;
	font-family:	franklin;
}


VRule
{
	stroke-color:	#cccccc;
	stroke-width:	2;
	shadow-color:	#ffffff;
	font-family:	franklin;
}


HSlider
{
	thumb-skin: 			Embed("/assets/botones/bullet.png");
	thumb-down-skin: 		Embed(source="/assets/botones/bullet1.png");
	thumb-disabled-skin:	Embed(source="/assets/botones/bullet_dis.png");
	track-skin: 			Embed(source="/assets/botones/barra.png", scaleGridTop="2", scaleGridBottom="3", scaleGridLeft="4", scaleGridRight="50");
	data-tip-offset:		0;
}


VSlider
{
	thumb-skin: 			Embed("/assets/botones/bullet_v.png");
	thumb-down-skin: 		Embed(source="/assets/botones/bullet_v1.png");
	thumb-disabled-skin:	Embed(source="/assets/botones/bullet_V_dis.png");
	track-skin: 			Embed(source="/assets/botones/barra.png", scaleGridTop="2", scaleGridBottom="3", scaleGridLeft="4", scaleGridRight="50");
	data-tip-offset:		0;
}


ProgressBar
{
	bar-skin:						Embed(source="/assets/botones/progress_barra.png", scaleGridTop="3", scaleGridBottom="4", scaleGridLeft="5", scaleGridRight="6");
	track-skin:						Embed(source="/assets/botones/progress.png", scaleGridTop="4", scaleGridBottom="5", scaleGridLeft="4", scaleGridRight="6");
	track-disabled-skin:			Embed(source="/assets/botones/progress_dis.png", scaleGridTop="4", scaleGridBottom="5", scaleGridLeft="4", scaleGridRight="6");
	font-family: 					franklin1;
	color: 							#333333;
	font-weight: 					normal;
	font-size: 						11;
	label-placement: 				top;
	indeterminate-skin:				Embed(source="/assets/botones/progress_charning.png");
	indeterminate-move-interval: 	13;
}


/*
------------------------------------------------------------------------
TEXT INPUT - AREA
------------------------------------------------------------------------
*/

.personalTextInput
{
	background-image: 			Embed("/assets/botones/textInput.png", scaleGridTop="6", scaleGridBottom="16", scaleGridLeft="6", scaleGridRight="16");
	background-disabled-color:	none;
	background-size: 			"100%";
	color:						#333333;
	disabled-color:				#999999;
	border-thickness:			0;
	focus-thickness:			0;
	font-size:					11;
	font-family:				franklin;
	border-style:				none;
	font-weight:				normal;
	padding-left:				3;
	padding-top:				2;
}

TextArea
{
	
	
	color:						#333333;
	font-family:				franklin;
	font-weight:				normal;
	font-size:					11;
}

/*
------------------------------------------------------------------------
TITLE WINDOW
------------------------------------------------------------------------
*/

TitleWindow
{
	borderSkin:     ClassReference("assets.skins.PanelSkin");	
	background-size:		"100%";
	border-style:			none;
	font-family:			franklin1;
	font-size:				11;
	font-weight:			normal;
	color:					#333333;
	border-thickness:		0;
	background-color:		none;
	padding-bottom:			0;
	padding-left:			0;
	padding-right:			0;
	padding-top:			0;
	title-style-name:		"myWindow";
	close-button-up-skin:	Embed("/assets/botones/close2.png");
	close-button-over-skin:	Embed("/assets/botones/close1.png");
	close-button-down-skin:	Embed("/assets/botones/close.png");
}

.myWindow
{
	font-family:	franklin1;
	font-weight:	normal;
	font-size:		14;
	color:			#ffffff;

}

/* .closeButtonWindow
{
	up-skin: Embed("/assets/botones/close.png");
	over-skin: Embed("/assets/botones/close1.png");
	down-skin: Embed("/assets/botones/close1.png");	
} */


/*
------------------------------------------------------------------------
MENU
------------------------------------------------------------------------
*/

MenuBar
{
	backgroundSkin:			ClassReference('assets.skins.MenuSkin');
	horizontal-gap:			0;
	vertical-gap:			0;
	padding-bottom:			0;
	padding-left:			0;
	padding-right:			0;
	padding-top:			0;
	font-family:			franklin1;
	font-size:				12;
	menu-style-name: 		"myMenu";
}

.myMenu
{
	font-family:			franklin;
	color:					#333333;
	font-weight:			normal;
	font-size:				11;
	
	horizontal-gap:			0;
	vertical-gap:			0;
	padding-bottom:			0;
	padding-left:			0;
	padding-right:			0;
	padding-top:			0;
	text-align:				left;
}


/*
------------------------------------------------------------------------
DATA CHOOSER - CALENDARIO
------------------------------------------------------------------------
*/


DateChooser
{
	border-thickness: 			1;
	border-color:				#cccccc;
	dropShadowEnabled: 			true;
	shadowDistance: 			0;
	header-colors:				#dfdfdf, #dfdfdf;
	disabled-color:				#999999;
	font-family:				franklin;
	headerStyleName: 			"mydateChooserHeaderStyle";
	week-day-style-name: 		"weekDayChooserStyle";
	roll-over-indicator-skin:	Embed("/assets/botones/seleccionData.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="14");
	today-indicator-skin:		Embed("/assets/botones/seleccionDataSelected.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="14");
	selection-indicator-skin:	Embed("/assets/botones/seleccionDataUp.png", scaleGridTop="7", scaleGridBottom="14", scaleGridLeft="7", scaleGridRight="14");
	prev-month-up-skin:			Embed("/assets/botones/atras.png");
	prev-month-over-skin:		Embed("/assets/botones/atras1.png");
	prev-month-down-skin:		Embed("/assets/botones/atras2.png");
	prev-month-disabled-skin:	Embed("/assets/botones/atras_dis.png");
	next-month-up-skin:			Embed("/assets/botones/adelante.png");
	next-month-over-skin:		Embed("/assets/botones/adelante1.png");
	next-month-down-skin:		Embed("/assets/botones/adelante2.png");
	next-month-disabled-skin:	Embed("/assets/botones/adelante_dis.png");
}


.mydateChooserHeaderStyle 
{
   color: 					#333333;
   font-weight:				normal;
   font-size:				13px;
   font-family:				franklin1;
} 


.weekDayChooserStyle
{
	color:					#333333;
	font-weight:			normal;
	font-size:				13;
	font-family:			franklin1;
}


ToolTip
{
	color: #323232;
	font-family: 			franklin1;
	font-size: 				12;
	color:					#333333;
	font-weight:normal;
}

.errorTip 
{
	color: #ffffff;
	font-family: 			franklin1;
	font-size: 				12;
	font-weight:normal;
}
DataTip
{
	background-image: 		Embed("/assets/botones/boton.png", scaleGridTop="4", scaleGridBottom="5", scaleGridLeft="7", scaleGridRight="16");
	font-family: 			franklin1;
	font-size: 				12;
	color:					#333333;
	
	background-size: 		"100%";
	drop-shadow-enabled:	false;
	padding-bottom: 		5;
	dding-left:				10;
	dding-right:			6;
	dding-top:				3;
}

.textUser
{
	font-family:	franklin1;
	font-weight:	normal;
	font-size:		14;
	color:			#333333;	
}

ToggleButtonBar 
{ 
        buttonStyleName: "buttonBarButton"; 
        firstButtonStyleName: "firstButtonBarButton"; 
        lastButtonStyleName: "lastButtonBarButton";
	color: #787272;
	selectedButtonTextStyleName: toggleButtonBarSelectedButtonText; 
}

/* 
//------------------------------ 
//  ButtonBarButtons 
//------------------------------ 
*/ 

.firstButtonBarButton 
{ 
    disabledSkin: Embed(source="/assets/images/ButtonBar_firstDisabledSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    downSkin: Embed(source="/assets/images/ButtonBar_firstDownSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    overSkin: Embed(source="/assets/images/ButtonBar_firstOverSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    selectedDisabledSkin: Embed(source="/assets/images/ButtonBar_firstSelectedDisabledSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    selectedDownSkin: Embed(source="/assets/images/ButtonBar_firstSelectedUpSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    selectedOverSkin: Embed(source="/assets/images/ButtonBar_firstSelectedUpSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    selectedUpSkin: Embed(source="/assets/images/ButtonBar_firstSelectedUpSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18"); 
    upSkin: Embed(source="/assets/images/ButtonBar_firstUpSkin.png",
		scaleGridLeft="4", scaleGridTop="4", scaleGridRight="42", scaleGridBottom="18");
	textRollOverColor: #FFFFFF;
	color: #323232;
	textSelectedColor: #323232;
	disabledColor: #323232; 
			
		/* focusSkin: Embed(source="/images/textBoxFocus.png",
	scaleGridLeft="5", scaleGridTop="5", scaleGridRight="10", scaleGridBottom="10"); */
}
.buttonBarButton 
{ 
    disabledSkin: Embed(source="/assets/images/ButtonBar_buttonDisabledSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
		 
    downSkin: Embed(source="/assets/images/ButtonBar_buttonDownSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    overSkin: Embed(source="/assets/images/ButtonBar_buttonOverSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    selectedDisabledSkin: Embed(source="/assets/images/ButtonBar_buttonSelectedDisabledSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    selectedDownSkin: Embed(source="/assets/images/ButtonBar_buttonSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    selectedOverSkin: Embed(source="/assets/images/ButtonBar_buttonSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    selectedUpSkin: Embed(source="/assets/images/ButtonBar_buttonSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15"); 
    upSkin: Embed(source="/assets/images/ButtonBar_buttonUpSkin.png",
		scaleGridLeft="2", scaleGridTop="2", scaleGridRight="10", scaleGridBottom="15");
	textRollOverColor: #FFFFFF;
	color: #323232;
	textSelectedColor: #323232;
	disabledColor: #323232; 
		/* focusSkin: Embed(source="/images/textBoxFocus.png",
	scaleGridLeft="5", scaleGridTop="5", scaleGridRight="10", scaleGridBottom="10"); */
}


.lastButtonBarButton 
{ 
    disabledSkin: Embed(source="/assets/images/ButtonBar_lastDisabledSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    downSkin: Embed(source="/assets/images/ButtonBar_lastDownSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    overSkin: Embed(source="/assets/images/ButtonBar_lastOverSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    selectedDisabledSkin: Embed(source="/assets/images/ButtonBar_lastSelectedDisabledSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    selectedDownSkin: Embed(source="/assets/images/ButtonBar_lastSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    selectedOverSkin: Embed(source="/assets/images/ButtonBar_lastSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    selectedUpSkin: Embed(source="/assets/images/ButtonBar_lastSelectedUpSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18"); 
    upSkin: Embed(source="/assets/images/ButtonBar_lastUpSkin.png",
		scaleGridLeft="2", scaleGridTop="4", scaleGridRight="38", scaleGridBottom="18");
	textRollOverColor: #FFFFFF;
	color: #323232;
	textSelectedColor: #323232;
	disabledColor: #323232; 
			
		/* focusSkin: Embed(source="/images/textBoxFocus.png",
	scaleGridLeft="5", scaleGridTop="5", scaleGridRight="10", scaleGridBottom="10"); */
}